<template>
  <div class="login_phone">
    <div class="phone">
      <span class="hao">+86</span>
      <input type="search" placeholder="请输入手机号"  class="number"/>
    </div>
    <div class="yanZhengMa">
      <input type="text" placeholder="验证码" />
      <span class="getMa">获取验证码</span>
    </div>
  </div>
</template>

<script>
export default {
  methods: {

  },
}
</script>

<style scoped>
.login_phone {
  height: 1.3rem;
  /* background-color: aqua; */
  padding: 0 0.15rem;
}
.login_phone .phone {
  height: 0.65rem;
  border-bottom: 1px solid rgb(235, 235, 235);
  /* line-height: 0.65rem; */
  display: flex;
  align-items: center;
}
.login_phone .phone .hao{
  height: .2rem;
  padding-right: .25rem;
  border-right: 1px solid rgb(225, 225, 225);
  font-size: .18rem;
}
.login_phone .phone .number{
  height: .2rem;
}
.login_phone .yanZhengMa {
  height: 0.65rem;
  border-bottom: 1px solid rgb(235, 235, 235);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.login_phone .yanZhengMa .getMa{
  height: .2rem;
  font-size: .18rem;
  color: rgb(155,155,155);
}
.login_phone input {
  height: .2rem;
  font-size: 0.18rem;
  width: 2rem;
}

</style>